<template>
     <div class="new_version_tip" v-if="
        newVersionDetail &&
        showNewVersion &&
        Version.substr(1) != newVersionDetail.Version
      ">
      <div class="new_version_detail">
        <div class="tip_title">
          <span style="font-size: 14px; color: #333; font-weight: bold">提示</span>
          <img src="static\image\home\side_popup_cloes.png" @click.stop="$emit('update:showNewVersion',false)" alt="" />
        </div>
        <div class="tip_content">
          <div class="new_version_name">
            检测到新版本V{{ newVersionDetail.Version }}
          </div>
          <div class="version_msg" v-for="(item, index) in newVersionDetail.NTalkVersionDetailList" :key="index + 'newVersionDetail'">
            <span>{{ item.Type + "：" }}</span>
            <p style="display: inline-block; flex: 1">{{ item.Des }}</p>
          </div>
        </div>
        <div class="tip_button" ref="tipButton">
          <div class="btn" @click.stop="$emit('update:showNewVersion',false)">下次再说</div>
          <div class="btn" @click.stop="toNewVersion">下载新版本</div>
        </div>
      </div>
    </div>
</template>
           
<script>
export default {
  props: ["newVersionDetail", "showNewVersion", "Version"],
  data() {
    return {};
  },
  methods: {
    toNewVersion() {
      this.$emit("toNewVersion");
    }
  }
};
</script>
<style scoped>
</style>
